<template>
    <div class="article-list">
      <h1>文章列表</h1>
      <div class="article" v-for="article in articles" :key="article.id">
        <h2>{{ article.title }}</h2>
        <p>{{ article.author }} - {{ article.date }}</p>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        articles: [
          { id: 1, title: 'Vue入门指南', author: '张三', date: '2023-08-01' },
          { id: 2, title: 'React基础教程', author: '李四', date: '2023-08-02' }
        ]
      }
    }
  }
  </script>